<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<title>MYWAY AIRLINE</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/liMarquee.css"/>
		<link rel="stylesheet" type="text/css" href="css/minimal/blue.css"/>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/cityselect.css"/>
		<link rel="stylesheet" type="text/css" href="css/hotelDetail.css"/>
		  <style>
    
  </style>

	</head>
	<body>
		<header>
			<div class="container">
				<div class="row clearfix">
					<ul class="head_box pull-right">
						<li>
							<a href="#none" class="head_crNav weixin"></a>
							<a href="#none" class="head_crNav saoma"></a>
							<a href="#none" class="head_crNav kefu"></a>
						</li>
						<li>
							<span class="head_crNav dianhua"></span>
							<span class="head_phone">028-66668888</span>
						</li>
						<li class="head_login">
							<a href="#none">登陆</a>
							<a href="#none">注册</a>
						</li>
						<li>
							<span class="head_lag"><a href="#none" class="zh_CN">简体中文</a></span>
							<ul class="head_lag_list">
								<li><a href="#none" class="zh_CN">简体中文</a></li>
								<li><a href="#none" class="EN">English</a></li>
								<li><a href="#none" class="GE">საქართველო</a></li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
		</header>
		<nav>
			<div class="container" style="position:relative;">
				<div class="row">
					<div class="nav_logo"></div>
					<ul class="topNav clearfix">
						<li class="select"><a href="#none">首&emsp;&emsp;页</a></li>
						<li><a href="#none">机&emsp;&emsp;票</a></li>
						<li><a href="#none">旅&emsp;&emsp;游</a></li>
						<li><a href="#none">酒&emsp;&emsp;店</a></li>
						<li><a href="#none">商&emsp;&emsp;城</a></li>
						<li><a href="#none">服务助手</a></li>
						<li><a href="#none">会员专区</a></li>
						<span class="select_line"></span>
					</ul>
				</div>
			</div>
			<div class="outList">
				<span class="menu_list menu0" style="display:none !important;"></span>
				<span class="menu_list menu1">
					<span class="container">
					<ul class="fir_Atit">
							<li><a href="#none">机票预订</a></li>
							<li><a href="#none">航班动态</a></li>
							<li><a href="#none">网上值机</a></li>
							<li><a href="#none">订单管理</a></li>
							<li><a href="#none">保险服务</a></li>
							<li><a href="#none">增值服务</a></li>
						</ul>
					</span>
				</span>
				<span class="menu_list menu2">
					<span class="container">
					<ul class="fir_Atit">
							<li><a href="#none">旅游线路</a></li>
							<li><a href="#none">门票代购</a></li>
						</ul>
					</span>	
				</span>
				<span class="menu_list menu3">
					<span class="container">
						<ul class="fir_Atit">
							<li><a href="#none">自营酒店</a></li>
							<li><a href="#none">去哪</a></li>
							<li><a href="#none">携程</a></li>
						</ul>
					</span>	
				</span>
				<span class="menu_list menu4">
					<span class="container">
						<ul class="fir_Atit">
							<li><a href="#none">代购商品</a></li>
							<li><a href="#none">特色商品</a></li>
						</ul>
					</span>	
				</span>
				<span class="menu_list menu5">
					<span class="container">
						<ul class="fir_Atit">
							<li><a href="#none">机场资讯</a></li>
							<li><a href="#none">乘机指南</a></li>
							<li><a href="#none">目的地指南</a></li>
							<li><a href="#none">签证信息</a></li>
							<li><a href="#none">中转指南</a></li>
							<li><a href="#none">特色旅客出行</a></li>
						</ul>
					</span>
				</span>
				<span class="menu_list menu6">
					<span class="container">
						<ul class="fir_Atit">
							<li><a href="#none">会员注册</a></li>
							<li><a href="#none">积分查询</a></li>
							<li><a href="#none">积分消费</a></li>
							<li><a href="#none">会员活动</a></li>
							<li><a href="#none">我的订单</a></li>
						</ul>
					</span>
				</span>
			</div>
		</nav>
		<main class="main_gay">
			<div class="container">
				<ol class="breadcrumb">
				  <li><a href="#">Home</a></li>
				  <li><a href="#">订单</a></li>
				  <li class="active">填写订单</li>
				</ol>
				<div class="outerBox det_showMsg clearfix">
					<div class="det_carousel col-lg-7 col-md-7">
						<div class="swiper-container gallery-top">
						    <div class="swiper-wrapper">
					            <div class="swiper-slide" style="background-image:url(img/hotelimg/bigtu.png)"></div>
					            <div class="swiper-slide" style="background-image:url(img/hotelimg/1.jpg)"></div>
					            <div class="swiper-slide" style="background-image:url(img/hotelimg/2.jpg)"></div>
					            <div class="swiper-slide" style="background-image:url(img/hotelimg/3.jpg)"></div>
					            <div class="swiper-slide" style="background-image:url(img/hotelimg/4.jpg)"></div>
					            <div class="swiper-slide" style="background-image:url(img/hotelimg/5.jpg)"></div>
					            <div class="swiper-slide" style="background-image:url(img/hotelimg/6.jpg)"></div>
					            <div class="swiper-slide" style="background-image:url(img/hotelimg/7.jpg)"></div>
						    </div>
						    <div class="swiper-pagination"></div>
						    
							
						</div>
						<div class="swiper-container gallery-thumbs">
						    <div class="swiper-wrapper">
					            <div class="swiper-slide" style="background-image:url(img/hotelimg/bigtu.png)"></div>
					            <div class="swiper-slide" style="background-image:url(img/hotelimg/1.jpg)"></div>
					            <div class="swiper-slide" style="background-image:url(img/hotelimg/2.jpg)"></div>
					            <div class="swiper-slide" style="background-image:url(img/hotelimg/3.jpg)"></div>
					            <div class="swiper-slide" style="background-image:url(img/hotelimg/4.jpg)"></div>
					            <div class="swiper-slide" style="background-image:url(img/hotelimg/5.jpg)"></div>
					            <div class="swiper-slide" style="background-image:url(img/hotelimg/6.jpg)"></div>
					            <div class="swiper-slide" style="background-image:url(img/hotelimg/7.jpg)"></div>
							</div>
							<!-- Add Arrows -->
						    <div class="swiper-button-next"></div>
						    <div class="swiper-button-prev"></div>
						</div>
					</div>
					<div class="det_shoInfo">
						<p>第比利斯花园酒店（Garden Hotel）</p>
						<p>Atskuri Street 10, 0144  第比利斯  </p>
						<p><span class="wf">Wi-Fi</span><span class="pp">停车场</span></p>
						<p>¥ <i class="col_pink">1258</i>起</p>
						<a href="#none" class="classicButton">立即预定</a>
						<p>温馨提示：立即预订，锁定优惠价格</p>
					</div>
				</div>
				<div>
					<div class="col-lg-9 col-md-9 det_showList">
						<div class="col-lg-12 colll-md-12 outerBox no-padding clearfix">
							<h3><span>房间类型</span><span>酒店信息</span></h3>
							<div class="bLine"></div>
							<div class="clearfix det_box">
							<form action="" class="det_form clearfix">
								<div class="input-group">	
							        <input type="text" class="form-control" id="to_">
							        <div class="input-group-addon"></div>
							    </div>
							    <div class="input-group">	
							        <input type="text" class="form-control" id="form_">
							        <div class="input-group-addon"></div>
							    </div>
							    <div class="input-button">
							    	<button class="classicButton">查看价格</button>
							    </div>
							</form>
							<div class="conTable_type2">
								<div class="table-responsive">
								 	<table class="table clearfix">
									  	<tr>
									  		<th>酒店房型</th>
									  		<th>床型</th>
									  		<th>取消政策</th>
									  		<th>早餐</th>
									  		<th>价格</th>
									  		<th></th>
									  	</tr>
									  	<tr>
									  		<td rowspan="4">
									  			<p>标准间</p>
									  			<img src="img/hotelimg/smalltu.png" alt="" />
									  		</td>
									  		<td>双床</td>
									  		<td>不可取消</td>
									  		<td>含早餐 </td>
									  		<td><span>¥<i>1258</i></span></td>
									  		<td><a href="#none" class="classicButton">预订</a></td>
									  	</tr>
									  	<tr>
									  		<td>大床</td>
									  		<td>不可取消</td>
									  		<td>含早餐</td>
									  		<td><span>¥<i>1258</i></span></td>
									  		<td><a href="#none" class="classicButton">预订</a></td>
									  	</tr>
									  	<tr>
									  		<td>双床</td>
									  		<td>不可取消</td>
									  		<td>含早餐</td>
									  		<td><span>¥<i>1258</i></span></td>
									  		<td><a href="#none" class="classicButton">预订</a></td>
									  	</tr>
									  	<tr>
									  		<td>大床</td>
									  		<td>不可取消</td>
									  		<td>含早餐</td>
									  		<td><span>¥<i>1258</i></span></td>
									  		<td><a href="#none" class="classicButton">预订</a></td>
									  	</tr>
									  	<tr>
									  		<td rowspan="4">
									  			<p>标准间</p>
									  			<img src="img/hotelimg/smalltu.png" alt="" />
									  		</td>
									  		<td>双床</td>
									  		<td>不可取消</td>
									  		<td>含早餐 </td>
									  		<td><span>¥<i>1258</i></span></td>
									  		<td><a href="#none" class="classicButton">预订</a></td>
									  	</tr>
									  	<tr>
									  		<td>大床</td>
									  		<td>不可取消</td>
									  		<td>含早餐</td>
									  		<td><span>¥<i>1258</i></span></td>
									  		<td><a href="#none" class="classicButton">预订</a></td>
									  	</tr>
									  	<tr>
									  		<td>双床</td>
									  		<td>不可取消</td>
									  		<td>含早餐</td>
									  		<td><span>¥<i>1258</i></span></td>
									  		<td><a href="#none" class="classicButton">预订</a></td>
									  	</tr>
									  	<tr>
									  		<td>大床</td>
									  		<td>不可取消</td>
									  		<td>含早餐</td>
									  		<td><span>¥<i>1258</i></span></td>
									  		<td><a href="#none" class="classicButton">预订</a></td>
									  	</tr>
								  </table>
								</div>
							</div>
						</div>
						</div>
						<div class="det_del col-lg-12 col-md-12 outerBox clearfix">
							<h3 class="comTitle">酒店信息</h3>
							<div class="col-lg-12 col-md-12 no-padding"><span class="col-md-1 col-lg-1 no-padding">开业时间</span><span class="col-lg-offset-1 col-md-offset-1 col-lg-10 col-md-10 no-padding">2010年</span></div>
							<div class="col-lg-12 col-md-12 no-padding"><span class="col-md-1 col-lg-1 no-padding">酒店信息</span><span class="col-lg-offset-1 col-md-offset-1 col-lg-10 col-md-10 no-padding">Best Western Kutaisi酒店位于库塔伊西（Kutaisi），酒店设施包括餐厅、24小时前台、商务中心和免费WiFi连接。客房配有市景阳台</span></div>
							<div class="col-lg-12 col-md-12 no-padding"><span class="col-md-1 col-lg-1 no-padding">周边交通</span><span class="col-lg-offset-1 col-md-offset-1 col-lg-10 col-md-10 no-padding">酒店距离最近的库塔伊西国际机场（Kutaisi  International  Airport）21公里。地理位置好！住过的客人都说和库塔伊西其他住宿相比，这家的位置棒棒哒</span></div>
							<div class="col-lg-12 col-md-12 no-padding">
								<span class="col-md-2 col-lg-2 no-padding">主要设施及服务</span>
								<ul class="col-lg-9 col-md-9 no-padding clearfix">
									<li>
										<i class="no-wifi"></i>
										<span>免费WiFi</span>
									</li>
									<li>
										<i class="hall"></i>
										<span>餐厅</span>
									</li>
									<li>
										<i class="parking"></i>
										<span>免费停车</span>
									</li>
									<li>
										<i class="gym"></i>
										<span>健身房</span>
									</li>
									<li>
										<i class="pool"></i>
										<span>泳池</span>
									</li>
									<li>
										<i class="pickup"></i>
										<span>接机服务</span>
									</li>
									<li>
										<i class="meeting"></i>
										<span>会议室</span>
									</li>
								</ul>
							</div>
							<div class="col-lg-12 col-md-12 no-padding"><span class="col-md-2 col-lg-2 no-padding">支持信用卡</span><span class="col-lg-9 col-md-9 no-pdadding">Visacard、牡丹卡、金穗卡、JCBcard免费WiFi、免费停车、健身房、餐厅、接机服务（收费）、</span></div>
						</div>
					</div>
					<div class="col-lg-3 col-md-3 outerBox no-padding">
						<h3 class="dashTitle">周边酒店推荐</h3>
						<ul class="det_list">
							<li class="clearfix">
								<div class="listImg">
									<img src="img/recom/sqimg.png" alt="" />
								</div>		
								<div class="listInfo">
									<span>北京颐和轩酒店</span>
									<span>95% 好评</span>
									<ul class="star">
										<li class="fill"></li>
										<li class="fill"></li>
										<li class="fill"></li>
										<li class="fill"></li>
										<li></li>
									</ul>
									<span>¥ <i class="col_pink">1258</i>起</span>
								</div>
							</li>
							<li class="clearfix">
								<div class="listImg">
									<img src="img/recom/sqimg.png" alt="" />
								</div>		
								<div class="listInfo">
									<span>北京颐和轩酒店</span>
									<span>95% 好评</span>
									<ul class="star">
										<li class="fill"></li>
										<li class="fill"></li>
										<li class="fill"></li>
										<li class="fill"></li>
										<li></li>
									</ul>
									<span>¥ <i class="col_pink">1258</i>起</span>
								</div>
							</li>
							<li class="clearfix">
								<div class="listImg">
									<img src="img/recom/sqimg.png" alt="" />
								</div>		
								<div class="listInfo">
									<span>北京颐和轩酒店</span>
									<span>95% 好评</span>
									<ul class="star">
										<li class="fill"></li>
										<li class="fill"></li>
										<li class="fill"></li>
										<li class="fill"></li>
										<li></li>
									</ul>
									<span>¥ <i class="col_pink">1258</i>起</span>
								</div>
							</li>
							<li class="clearfix">
								<div class="listImg">
									<img src="img/recom/sqimg.png" alt="" />
								</div>		
								<div class="listInfo">
									<span>北京颐和轩酒店</span>
									<span>95% 好评</span>
									<ul class="star">
										<li class="fill"></li>
										<li class="fill"></li>
										<li class="fill"></li>
										<li class="fill"></li>
										<li></li>
									</ul>
									<span>¥ <i class="col_pink">1258</i>起</span>
								</div>
							</li>
							<li class="clearfix">
								<div class="listImg">
									<img src="img/recom/sqimg.png" alt="" />
								</div>		
								<div class="listInfo">
									<span>北京颐和轩酒店</span>
									<span>95% 好评</span>
									<ul class="star">
										<li class="fill"></li>
										<li class="fill"></li>
										<li class="fill"></li>
										<li class="fill"></li>
										<li></li>
									</ul>
									<span>¥ <i class="col_pink">1258</i>起</span>
								</div>
							</li>
							<li class="clearfix">
								<div class="listImg">
									<img src="img/recom/sqimg.png" alt="" />
								</div>		
								<div class="listInfo">
									<span>北京颐和轩酒店</span>
									<span>95% 好评</span>
									<ul class="star">
										<li class="fill"></li>
										<li class="fill"></li>
										<li class="fill"></li>
										<li class="fill"></li>
										<li></li>
									</ul>
									<span>¥ <i class="col_pink">1258</i>起</span>
								</div>
							</li>
						
						</ul>
					</div>
				</div>	
			</div>	
		</main>
		<footer>
			<div class="footer_link">
				<div class="container">
					<div class="link_box service col-lg-4 col-md-4">
						<h4 class="footer_tit">服务助手</h4>
						<ul class="clearfix col-lg-6 col-md-6">
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">运输总条件 </a></li>
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">旅客须知 </a></li>
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">会员手册</a></li>
						</ul>
						<ul class="clearfix col-lg-6 col-md-6">
							<li class="col-lg-11 col-md-10 link_noselect"><a href="#none">机上延误应急预案 </a></li>
							<li class="col-lg-11 col-md-10 link_noselect"><a href="#none">特殊旅客运输说明</a></li>
							<li class="col-lg-11 col-md-10 link_noselect"><a href="#none">行李托运相关服务</a></li>
						</ul>
					</div>
					<div class="link_box about col-lg-4 col-md-4">
						<h4 class="footer_tit">关于我们</h4>
						<ul class="clearfix col-lg-6 col-md-6">
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">公司简介 </a></li>
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">公司文化 </a></li>
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">公司新闻</a></li>
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">公司荣誉 </a></li>
						</ul>
						<ul class="clearfix col-lg-6 col-md-6">	
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">各地营业部</a></li>
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">招聘信息</a></li>
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">投资者关系 </a></li>
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">隐私政策</a></li>
						</ul>
					</div>
					<div class="link_box f_link col-lg-4 col-md-4">
						<h4 class="footer_tit">友情链接</h4>
						<ul class="clearfix col-lg-6 col-md-6">
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">均瑶集团</a></li>
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">淘旅行</a></li>
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">吉祥货运</a></li>
						</ul>
						<ul class="clearfix col-lg-6 col-md-6">	
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">如意商城</a></li>
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">如意俱乐部</a></li>
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">九元航空</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="footer_copyright">
				<div class="container">
					© Copyright  2017 MyWay Airlines Inc.All Rights Reserved
				</div>
			</div>
		</footer>
	</body>
	<script src="js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/laydate.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/icheck.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/common.js" type="text/javascrigitpt" charset="utf-8"></script>
	<script src="js/swiper.jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$('input[type="radio"],input[type="checkbox"]').iCheck({
			checkboxClass: 'icheckbox_minimal-blue',
	    	radioClass: 'iradio_minimal-blue',
		    increaseArea: '20%' // optional
		});
		var galleryTop = new Swiper('.gallery-top', {
		    spaceBetween: 10,
		    loop:true,
		    loopedSlides: 5, //looped slides should be the same
		    
			pagination : '.swiper-pagination',
			paginationType : 'custom',
			paginationCustomRender: function (swiper, current, total) {
			    return '共'+total+'张';
			}
	    });
	    var galleryThumbs = new Swiper('.gallery-thumbs', {
	        spaceBetween: 10,
	        slidesPerView: 5,
	        centeredSlides : true,
//	        touchRatio: 0.2,
	        loop: true,
	        loopedSlides: 5, //looped slides should be the same
	        slideToClickedSlide:true,
	        prevButton:'.swiper-button-prev',
			nextButton:'.swiper-button-next',
	    });
	    galleryTop.params.control = galleryThumbs;
	    galleryThumbs.params.control = galleryTop;
		
		laydate.render({
		    elem: '#to_' //指定元素
		    ,theme: '#0e68ab'
		});
		laydate.render({
		    elem: '#form_' //指定元素
		    ,theme: '#0e68ab'
		});
	</script>
</html>
